import React from 'react';
import { Carousel ,Image} from 'antd';
const contentStyle: React.CSSProperties = {
  height: '160px',
  lineHeight: '160px',
  textAlign: 'center',
  fontSize: '40px',
  textShadow:'10px 10px 10px'
};

const Welcome: React.FC = () => {
  return (
    <>
      <div style={contentStyle}>
        <h1>欢迎来到用户中心</h1>
      </div>
      <Carousel autoplay>
        <div>
          <Image src="https://w.wallhaven.cc/full/1p/wallhaven-1ppld1.jpg"></Image>
        </div>
        <div>
          <Image src="https://w.wallhaven.cc/full/9m/wallhaven-9mjoy1.png"></Image>
        </div>
        <div>
          <Image src="https://w.wallhaven.cc/full/5g/wallhaven-5g57w1.jpg"></Image>
        </div>
        <div>
          <Image src="https://w.wallhaven.cc/full/5g/wallhaven-5g7ew7.jpg"></Image>
        </div>
      </Carousel>
    </>

  );
};
export default Welcome;
